// 放置全局指令
// 控制按钮权限本质上是控制按钮的显示和隐藏   v-if + 权限数据 = 控制这个按钮的显示和隐藏
import Vue from "vue"
import store from "@/store";
Vue.directive('checkBtn',{
  // 在指令绑定的元素渲染完毕后立刻执行
  inserted(el, binding) {
    // el指令绑定的对象
    // binding 对象 属性value 存放的时候指令等于后面的表达式的值
    console.log(el, binding.value);
    // 控制按钮是否显示的逻辑
    // 核心逻辑：以 binding.value 去pionts中找 如果找的到就是能显示 如果找不到就是不显示
    const point = store.state.user.userInfo.roles.points
    if (! point.includes(binding.value)) {
      el.parentNode.removeChild(el)//通过自己的父节点把自己删掉
      // el.remove()
    }
  }
})